<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>商品列表页</title>
</head>

<body>

<%@ include file="header.jsp" %>

<div class="panel panel-default" style="margin: 0 auto;width: 95%;">
    <div class="panel-heading">
        <h3 class="panel-title"><span class="glyphicon glyphicon-th-list"></span>&nbsp;&nbsp;商品列表</h3>
    </div>

    <div class="panel-body">
        <!--列表开始-->
        <div class="row" style="margin: 0 auto;">
            <c:forEach items="${pageBean.list}" var="product" varStatus="i">
                <div class="col-sm-3">
                    <div class="thumbnail">
                            <%--<img src="${pageContext.request.contextPath}/${product.image}" width="180" height="180" alt="小米6"/>--%>
                        <img src="${product.image}" width="180" height="180" alt="小米6"/>
                        <div class="caption">
                            <h4>商品名称
                                <a href="${pageContext.request.contextPath}/productdetail?pid=${product.id}">${product.name}</a>
                            </h4>
                            <p>热销指数
                                <c:forEach begin="1" end="${product.state}">
                                    <img src="image/star_red.gif" alt="star"/>
                                </c:forEach>
                            </p>
                            <p>上架日期:${product.upTime}</p>
                            <p style="color:orange">价格:${product.price}</p>
                        </div>
                    </div>
                </div>
            </c:forEach>
        </div>

        <center>
            <nav aria-label="Page navigation">
                <ul class="pagination">
                    <li class="${pageBean.currentPage==1?'disabled':''}">
                        <a href="productshow?method=show&tid=${pageBean.id}&currentPage=${pageBean.currentPage-1}"
                           aria-label="Previous">
                            <span aria-hidden="true">&laquo;</span>
                        </a>
                    </li>

                    <c:forEach begin="1" end="${pageBean.totalPage}" step="1" var="index">
                        <c:if test="${pageBean.currentPage==index}">
                            <li class="active">
                                <a href="productshow?method=show&tid=${pageBean.id}&currentPage=${index}">${index}</a></li>
                        </c:if>

                        <c:if test="${pageBean.currentPage!=index}">
                            <li><a href="productshow?method=show&tid=${pageBean.id}&currentPage=${index}">${index}</a></li>
                        </c:if>
                    </c:forEach>

                    <li class="${pageBean.currentPage==pageBean.totalPage?'disabled':''}">
                        <a href="productshow?method=show&tid=${pageBean.id}&currentPage=${pageBean.currentPage+1}"
                           aria-label="Next">
                            <span aria-hidden="true">&raquo;</span>
                        </a>
                    </li>
                </ul>
            </nav>
        </center>
    </div>
</div>

<!-- 底部 -->
<%@ include file="footer.jsp" %>
</body>
</html>